
<html> 
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>bulb</title>
        <link rel="stylesheet"  href="../assets/css/bulb.css">
    </head>

    <body> 

    <div class="box">
    <img id="Image" onclick="turnOnOff()" src="https://t4.ftcdn.net/jpg/00/51/20/61/240_F_51206166_RHIGZE9tHv5v5nhgktJJOJLSzMZvU85m.jpg"> 
    </div>

        <h1 class="para">Click on the switch/bulb image to turn it ON/OFF</h1> 

        <div class="switches">
        <img id="Switch"  onclick="turnOnOff()" src="https://cdn.pixabay.com/photo/2012/04/18/13/25/light-switch-37017__340.png"> 
        </div>
        
        <script src="../assets/js/bulb.js"></script> 
    </body> 
    
    </html> 
    
